<!DOCTYPE html>
<html>
<head>
<title>blog登录</title>
<style type="text/css">
a {
	text-decoration: none;
}

a:visited {
	color: blue;
}

.box1 {
	position: absolute;
	width: 400px;
	height: 500px;
	top: 200px;
	left: 50px;
	background-image: url("/static/img/loginimg/backg.jpg");
	box-shadow: 2px 2px 2px green;
}

.box2 {
	position: absolute;
	top: 150px;
	width: 400px;
	height: 200px;
}

.box3 {
	position: absolute;
	top: 470px;
	left: 200px;
	width: 200px;
	height: 30px;
	font-size: 20px;
}

ul, li {
	list-style: none;
}
</style>
</head>
<body>

	<div class="box1">
		<div class="box2">
			<form id="login-form" action="/login" method="post">
				<ul>

					<li><span style="font-size: 25px;">账号：</span> <input
						style="width: 200px; height: 30px; margin-top: 20px" type="text"
						name="account"></li>
					<li><span style="font-size: 25px;">密码：</span> <input
						style="width: 200px; height: 30px; margin-top: 30px"
						type="password" name="password"></li>
					<br />
					<li>
						<button id="login-user" type="submit"
							style="width: 80px; height: 35px; margin-right: 60px;">登录</button>
						<button type="reset" style="width: 80px; height: 35px;">取消</button>
					</li>
				</ul>
			</form>
		</div>
		<div class="box3">
			<a href="javascript:;">忘记密码？</a> |&nbsp;<a href="blog_register.html">注册账号</a>
		</div>

	</div>

	<!--    	 <script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<script type="text/javascript">
 	 $(function(){
		$('#login-user').on('click',function(){
			$.post('/login',$('#login-form').serialize(),function(data){
				alert(data);
				console.log(data);
			});
		});
	});   
	 $(document).ready(function(){
		  $("button").click(function(){
		    $.post("/login",function(data){
		      alert(data);
		    });
		  });
		  
		}); 
	</script>   -->
</body>
</html>